<!DOCTYPE html>
<title>::backdrop for a fullscreen video element</title>
<script src="../trusted-click.js"></script>
<style>
video::backdrop {
  background: green;
}
/* A video element in fullscreen will always get controls.
   ::-webkit-media-controls shouldn't be exposed to the web, but it is, so abuse
   it to hide the controls and simplify the test expectations. */
video::-webkit-media-controls {
  display: none;
}
</style>
<video></video>
<script>
if (window.testRunner)
  testRunner.waitUntilDone();
var t = { step_func: func => func() };
trusted_request(t, document.querySelector("video"));
document.addEventListener("fullscreenchange", function() {
  if (window.testRunner)
    testRunner.notifyDone();
});
</script>
